<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<base th:href="${#request.contextPath}+'/'">
		<title>福利城堡-福利城堡</title>
		<link href="c/base.css" rel="stylesheet" type="text/css">
		<link href="c/toefl.css" rel="stylesheet" type="text/css">
		<link href="c/bootstrap.min.css" rel="stylesheet" type="text/css">
		<script src="j/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="j/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="container-fluid">
			<div class="openMenu">
				<div class="doc1180">
					<ul class="fn-clear" style="padding-left:220px;">
						<li class="openMenuOn">
							<a href="###">公益商城</a>
						</li>
						<li>
							<a href="###">特色商城</a>
						</li>
						<li class="">
							<a href="###">名师精品课商城</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="doc1180">
				<div class="castle">
					<div class="castleNote">您的等级越高、打折的力度越大啊，努力升级吧，亲！</div>
					<div class="castlePaixun">
						<dl class="fn-clear">
							<dt class="fn-clear">
                	<a href="###" class="on">全部课程</a>
                    <a href="###">托福听力</a>  
                    <a href="###">托福口语</a>
                    <a href="###">托福阅读</a>
                    <a href="###">托福写作</a>
                    <a href="###">托福词汇</a>
                </dt>
							<dd class="fn-clear">
								<a href="###">按开始时间从近到远排列</a>
								<a href="###">按参与人数由多到少排列</a>
							</dd>
						</dl>
					</div>
					
					
					
					<ul>
						<li class="castlePic">
							<div class="castlePic_t">
								<a href="#"><img src="i/270x155.jpg"></a>
							</div>
							<div class="castlePic_m"><span>RMB:<b>0</b></span><span>RPB:<b>0</b></span></div>
						</li>
						<li class="castleText">
							<div class="castleClass">托福英语口语强化班</div>
							<div class="castleTime">
								上课时间：<span>2015-10-29</span>到<span>2016-10-29</span>&nbsp;&nbsp;&nbsp;&nbsp; 每周：
								<span style="color: green;">2、4、6</span>&nbsp;的&nbsp;<span style="color: red;">17：30-19：30</span>上课
							</div>

							<div class="castleTech">
								<span class="first">主讲老师：</span>
								<span class="teacherPic"><img src="i/22x22.jpg"></span>
								<span class="name">老师姓名</span>
								<span class="zan"><a href="###"><img src="i/icon_zan14x14.jpg"></a></span>
								<span class="zanNum">(32)</span>

							</div>
							<div class="castleXuyuan">适合学员： 2015年1月-2月参加托福考试的考生</div>
							<div class="castleJieshao">托福考什么，我们就背什么？不是让你去背几万个词汇，也不是让你去背那些高大上的、千奇百怪的词汇，我们就背托福要考的词汇，这里有阅读的夺命词汇、有听力的考点词、有口语的语料库，每天听写三场，每次只要30分钟，就能让你提前准备好托福考试所需要的各种词汇！1月-2月份的考生朋友们，赶紧参与进来吧！<br> 托福考什么，我们就背什么？不是让你去背几万个词汇，也不是让你去背那些高大上的、千奇百怪的词汇，我们就背托福要考的词汇，这里有阅读的夺命词汇、有听力的考点词、有口语的语料库，每天
							</div>

						</li>
						<li class="castleRight">
							<div class="castleNum"><span>1309人</span>参与</div>
							<div class="castleButton">
								<a href="福利城堡-活动详细页.html">活动详情</a>
								<a href="支付/购买流程-步骤一.html">我要加入</a>
								<a href="###" data-toggle="modal" data-target=".modal">资料下载</a>
							</div>
						</li>
					</ul>
					<ul>
						<li class="castlePic">
							<div class="castlePic_t">
								<a href="#"><img src="i/270x155.jpg"></a>
							</div>
							<div class="castlePic_m"><span>RMB:<b>0</b></span><span>RPB:<b>0</b></span></div>
						</li>
						<li class="castleText">
							<div class="castleClass">托福英语口语强化班</div>
							<div class="castleTime">
								上课时间：<span>2015-10-29</span>到<span>2016-10-29</span>&nbsp;&nbsp;&nbsp;&nbsp; 每周：
								<span style="color: green;">2、4、6</span>&nbsp;的&nbsp;<span style="color: red;">17：30-19：30</span>上课
							</div>

							<div class="castleTech">
								<span class="first">主讲老师：</span>
								<span class="teacherPic"><img src="i/22x22.jpg"></span>
								<span class="name">老师姓名</span>
								<span class="zan"><a href="###"><img src="i/icon_zan14x14.jpg"></a></span>
								<span class="zanNum">(32)</span>

							</div>
							<div class="castleXuyuan">适合学员： 2015年1月-2月参加托福考试的考生</div>
							<div class="castleJieshao">托福考什么，我们就背什么？不是让你去背几万个词汇，也不是让你去背那些高大上的、千奇百怪的词汇，我们就背托福要考的词汇，这里有阅读的夺命词汇、有听力的考点词、有口语的语料库，每天听写三场，每次只要30分钟，就能让你提前准备好托福考试所需要的各种词汇！1月-2月份的考生朋友们，赶紧参与进来吧！<br> 托福考什么，我们就背什么？不是让你去背几万个词汇，也不是让你去背那些高大上的、千奇百怪的词汇，我们就背托福要考的词汇，这里有阅读的夺命词汇、有听力的考点词、有口语的语料库，每天
							</div>

						</li>
						<li class="castleRight">
							<div class="castleNum"><span>1309人</span>参与</div>
							<div class="castleButton">
								<a href="福利城堡-活动详细页.html">活动详情</a>
								<a href="支付/购买流程-步骤一.html">我要加入</a>
								<a href="###" data-toggle="modal" data-target=".modal">资料下载</a>
							</div>
						</li>
					</ul>
					<ul>
						<li class="castlePic">
							<div class="castlePic_t">
								<a href="#"><img src="i/270x155.jpg"></a>
							</div>
							<div class="castlePic_m"><span>RMB:<b>0</b></span><span>RPB:<b>0</b></span></div>
						</li>
						<li class="castleText">
							<div class="castleClass">托福英语口语强化班</div>
							<div class="castleTime">
								上课时间：<span>2015-10-29</span>到<span>2016-10-29</span>&nbsp;&nbsp;&nbsp;&nbsp; 每周：
								<span style="color: green;">2、4、6</span>&nbsp;的&nbsp;<span style="color: red;">17：30-19：30</span>上课
							</div>

							<div class="castleTech">
								<span class="first">主讲老师：</span>
								<span class="teacherPic"><img src="i/22x22.jpg"></span>
								<span class="name">老师姓名</span>
								<span class="zan"><a href="###"><img src="i/icon_zan14x14.jpg"></a></span>
								<span class="zanNum">(32)</span>

							</div>
							<div class="castleXuyuan">适合学员： 2015年1月-2月参加托福考试的考生</div>
							<div class="castleJieshao">托福考什么，我们就背什么？不是让你去背几万个词汇，也不是让你去背那些高大上的、千奇百怪的词汇，我们就背托福要考的词汇，这里有阅读的夺命词汇、有听力的考点词、有口语的语料库，每天听写三场，每次只要30分钟，就能让你提前准备好托福考试所需要的各种词汇！1月-2月份的考生朋友们，赶紧参与进来吧！<br> 托福考什么，我们就背什么？不是让你去背几万个词汇，也不是让你去背那些高大上的、千奇百怪的词汇，我们就背托福要考的词汇，这里有阅读的夺命词汇、有听力的考点词、有口语的语料库，每天
							</div>

						</li>
						<li class="castleRight">
							<div class="castleNum"><span>1309人</span>参与</div>
							<div class="castleButton">
								<a href="福利城堡-活动详细页.html">活动详情</a>
								<a href="支付/购买流程-步骤一.html">我要加入</a>
								<a href="###" data-toggle="modal" data-target=".modal">资料下载</a>
							</div>
						</li>
					</ul>
					
					
					
				</div>
				<div class="pageList">
					<ul>
						<li><span>1</span></li>
						<li>
							<a href="###">2</a>
						</li>
						<li>
							<a href="###">3</a>
						</li>
						<li>
							<a href="###">4</a>
						</li>
						<li>
							<a href="###">5</a>
						</li>
						<li>
							<a href="###">最后一页</a>
						</li>
						<li>
							<a href="###" class="pret">上一页</a>
						</li>
						<li>
							<a href="###" class="next">下一页</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="modal fade" tabindex="-1" role="dialog">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">课程资料</h4>
						</div>
						<div class="modal-body">
							<div class="flcb_cardDownload">
								<h3 class="flcb_cardDownloadT">2015年1月精品课程下载</h3>
								<ul>
									<li>
										<span class="flcb_cardDownloadZl">资料1</span>
										<span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
										<a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
									</li>
									<li>
										<span class="flcb_cardDownloadZl">资料1</span>
										<span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
										<a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
									</li>
									<li>
										<span class="flcb_cardDownloadZl">资料1</span>
										<span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
										<a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
									</li>
								</ul>

							</div>

						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div>

		</div>

	</body>

</html>